<template>
  <div class="about_index">
    <div class="about_item">
      <img src="@/assets/img/area/area.jpg" class="banner_bg" />
      <div class="about_center">
        <div class="about_left">
          <div class="about_title">区域子平台</div>
          <div
            class="about_content"
          >针对各省市地区工业转型升级的需要，推出以网络化协同模式为核心的工业互联网解决方案，依托中电云网平台整合研发设计、生产制造、供应营销、产品服务等全生命周期的制造资源和服务。</div>
        </div>
      </div>
    </div>
    <div class="section">
      <div class="center">
        <div class="title">长沙工业云平台</div>
        <p>&emsp;&emsp;长沙工业云平台着力于打造立足长沙、服务全省、辐射全国的区域性服务工业云平台。针对长沙工业企业在研发设计、生产制造、仓储物流、售后服务等全生命周期链条的共性需求，不断汇集主流核心服务商资源，着力推动企业的智能制造升级改造，为企业提供从数据、平台、应用、运营等多层次服务，构建企业核心发展力。"两平台一工程"的重要支撑单位，作为推动智能制造、工业互联网产业发展的平台公司，中电互联将"平台布局、安全为本、产融结合、联盟创新"作为企业发展战略，秉承"帮甲方增毛利，帮乙方拓市场，助政府建共享，帮园区上水平"的商业理念，重点打造以网络安全PK体系为特色的国家级平台，力争成为跨行业、跨领域的国家级工业互联网平台。</p>
        <img src="@/assets/img/area/regional1.png" class="synopsisImg" />
        <el-button class="au_but">主要按钮</el-button>
      </div>
    </div>

    <div class="section1">
      <div class="center">
        <div class="title">中电福建工业互联网平台</div>
        <p>&emsp;&emsp;以中电云网操作系统为基础，结合莆田市产业特点，以优势产业制鞋业为重点。为企业提供智能评测、智能应用、信息服务和设备物联服务。智能评测可以帮助企业对标行业标杆，测评企业智能制造程度，帮企业把脉；智能应用主要围绕企业经营生产环节，为企业提供以MES为核心，包含销售管理、采购管理和仓储管理的智能应用，帮助企业降本增效、降耗控险；同时为企业提供信息服务和智能物联服务，为企业数字化、网络化和智能改造提供支撑。</p>
        <img src="@/assets/img/area/regional2.png" class="synopsisImg" />
        <el-button class="au_but">主要按钮</el-button>
      </div>
    </div>
    <div class="section">
      <div class="center">
        <div class="title">江宁产业云平台</div>

        <p>&emsp;&emsp;江宁产业云平台基于中电可信物联云平台打造，深度融合可信身份认证系统、区块链等技术，为行业、企业、政府提供可信物联端到端的解决方案，包括完善的数据感知、采集、云计算及大数据分析和应用服务能力。平台帮助企业进行智能化改造、物联网远程运维、追溯产品全生命周期；并串联所有企业，打通、对接企业供求、资本等需求，平台核心宗旨包括扶持产业物联应用开发，助力产业运行分析，把握产业发展规律，落实产业相关政策，建立产业发展评估体系，指导和统筹江宁区产业发展，打造全国领先的物联网综合公共服务平台。</p>
        <img src="@/assets/img/area/regional3.png" class="synopsisImg" />
        <el-button class="au_but">主要按钮</el-button>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {

    };
  },
  methods: {
  
  }
};
</script>

<style lang="less" scoped>
.map {
  width: 100%;
  height: 600px; //必须给容器指高度，要不然地图将显示在一个高度为0的容器中，自然看不到
  /deep/ .anchorBL {
    //隐藏左下角百度地图logo
    display: none;
  }
}

.banner_bg {
  width: 100%;
  height: 560px;
  position: absolute;
  left: 0;
  top: 0;
}
.about_item {
  color: #fff;
  height: 560px;
  .about_center {
    position: absolute;
    height: 560px;
    left: 50%;
    top: 0;
    width: 1600px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    .about_left {
      max-width: 1330px;
      display: flex;
      flex-direction: column;
      .about_title {
        color: #fff;
        font-size: 60px;
        margin-bottom: 20px;
      }
      .about_content {
        color: #fff;
        font-size: 30px;
         line-height: 50px;
        font-weight: 300;
        margin-top: 10px;
      }
    }
  }
}
.section {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.section1 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8fbff;
}
.section2 {
  background: url("../../assets/img/contect.png");
  margin-top: -20px;
  text-align: center;
  width: 100%;
  height: 80px;
}
.center {
  width: 1280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 60px 0;
}
.title {
  color: #333;
  margin: 0 0 40px;
  font-size: 28px;
  font-weight: 300;
}
p {
  margin-top: 10px;
  line-height: 30px;
  text-align: left;
}

.synopsisImg {
  width: 1280px;
}
.honour_box {
  display: flex;
  margin: 10px 0;
  justify-content: center;
  width: 100%;
  .honour_card {
    width: 44%;
    height: 450px;
    background: #fff;
    margin: 10px 20px;
    border: 1px solid #0068f7;
    .honour_up {
      width: 100%;
      text-align: center;
      .honour_img {
        padding: 10px 0 5px 0;
      }
      .honour_title {
        font-size: 18px;
        margin: 0;
      }
    }
    .honour_down {
      width: 90%;
      margin: 0 5%;
      padding: 10px 0 10px 0;
      text-align: left;
    }
  }
}
.honor_details {
  line-height: 15px;
}
.au_but {
  margin: 25px;
  background: linear-gradient(0deg, #1361fb, #5670b2);
  border: 0;
  color: #fff;
}
.au_but:hover {
  background: #40a9ff;
  border: 0;
  color: #fff;
}
</style>